@charset "utf-8";
html,body{
			height: 100%;
		}
body{
    display: flex;
    background-color: #fefefe;
}
.banner{
    background: url("https://cdn.web-global.fds.api.mi-img.com/mcfe--mi-account/static/static/media/banner.4994397e.jpg") no-repeat;
    background-size: cover;
    background-position:50%;
    width: 375px;
}
article{
    flex-grow: 1;
}
.header{
    border: 1px solid red;
    padding: 20px;
   display: flex;
   justify-content: center;
}
.header img{
    height:40px;
    width: 40px;
    margin-right: 10px;
}
.mi_header{
    height: 40px;
    font-size: 26px;
    font-weight: 500;
    color: #333;
    line-height: 40px;
    display: flex;
}
.content{
    display: flex;
    border: 1px solid red;
    justify-content: center;
    margin: 3% 0;
}
.enter{
    height: 600px;
    width: 450px;
    background-color: #fff;
    padding: 40px 45px;
    border: 1px solid red;
}
.enter span{
    color: #333;
    line-height: 40px;
    font-size: 30px;
    font-weight: 500;
}
.enter span:nth-child(2){
margin-left: 20px;
}
input{
    width: 410px;
    height: 60px;
    font-size: 17px;
    color: #333;
    line-height: 20px;
    margin: 30px 0;
    border: none;
    background-color: #f9f9f9;
    padding: 30px 20px 10px;
}
button{
    width: 100%;
    height: 60px;
    background-color: #ff5c00;
    color: #f9f9f9;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
    border-radius: 4px;
    border: none;
    opacity: 0.4;
    margin-top: 20px;
    margin-bottom: 10px;
}
/* article{
    border: 1px solid red;
    height: 758px;
    width: 564px;
    margin: 0 auto;
    background-color: #fff;
    padding: 40px 45px;
    
}
article span{
    color: #333;
    font-weight: 500 ;
} */